{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="col-md-12 mb-4">
        <h2>创建技能标签</h2>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">新技能标签</h5>
            </div>
            <div class="card-body">
                <form action="" method="post" novalidate>
                    {{ form.hidden_tag() }}
                    <div class="mb-3">
                        {{ form.name.label(class="form-label") }}
                        {{ form.name(class="form-control") }}
                        {% for error in form.name.errors %}
                        <div class="text-danger">{{ error }}</div>
                        {% endfor %}
                    </div>
                    
                    <div class="d-flex justify-content-between">
                        <a href="{{ url_for('skills.index') }}" class="btn btn-outline-secondary">取消</a>
                        {{ form.submit(class="btn btn-primary") }}
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">提示</h5>
            </div>
            <div class="card-body">
                <p>技能标签应该简洁明了，能够清晰表达特定的技能或知识领域。</p>
                <p>例如：Python编程、Western Blot、PCR技术、数据分析等。</p>
                <p>添加后，成员可以将此技能添加到个人档案，并关联到知识文章。</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}